<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
</head>
<body background="images/WEB.jpg"
      style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed">
<div class="nav-left" style="color:forestgreen"></div>
<div class="nav-right">
    <div class="nav-right-name" style="color:forestgreen">
        <dl class="nav-right-signout">
            <dd align="center">智慧+的校园体验</dd>
            <dd align="right"><button onclick="window.location.href='/login'">退 出 账 号</button></dd>
        </dl>
    </div>
</div>
<div class="nav">
    <div class="dropdown" style="color: cornflowerblue">
        <span>学生签到情况</span>
        <div class="dropdown-content">
            <a href="/Attendance">上学签到签退</a>
            <a href="/TimeControl">学生签到设置</a>
        </div>
    </div>
    <div class="dropdown" style="color: cornflowerblue">
        <span>班级信息</span>
        <div class="dropdown-content">
            <a href="/ClassTable">班级课表</a>
            <a href="/Teacher">教师队伍</a>
            <a href="/Score">班级成绩</a>
        </div>
    </div>
    <div class="dropdown" style="color: cornflowerblue">
        <span>班级相册</span>
        <div class="dropdown-content">
            <a href="/Photo">上传照片</a>
        </div>
    </div>
    <div class="dropdown" style="color: cornflowerblue">
        <span>班级形象</span>
        <div class="dropdown-content">
            <a href="">宣传标语</a>
            <a href="">今日之星</a>
        </div>
    </div>
</div>
<style>
    body {
        font-family: 'Arial', sans-serif;
        background-color: #f8f9fa;
    }
    .grade-table {
        width: 80%;
        margin: 30px auto;
        border-collapse: collapse;
        text-align: center;
    }
    .grade-table th,
    .grade-table td {
        padding: 8px;
        border: 1px solid #dee2e6;
    }
    .grade-table th {
        background-color: #007bff;
        color: white;
    }
    .grade-table tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    .grade-table tr:hover {
        background-color: #ddd;
    }
    .grade-table .subject {
        font-weight: bold;
    }
</style>
</head>
<body>
<h2 style="text-align:center;">班级成绩表</h2>
<table class="grade-table">
    <thead>
    <tr>
        <th>姓名</th>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
        <th>物理</th>
        <th>化学</th>
        <th>生物</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td class="subject">张三</td>
        <td>87</td>
        <td>92</td>
        <td>78</td>
        <td>83</td>
        <td>76</td>
        <td>85</td>
    </tr>
    <tr>
        <td class="subject">李四</td>
        <td>91</td>
        <td>88</td>
        <td>82</td>
        <td>79</td>
        <td>84</td>
        <td>80</td>
    </tr>
    <tr>
        <td class="subject">王五</td>
        <td>75</td>
        <td>95</td>
        <td>89</td>
        <td>90</td>
        <td>77</td>
        <td>88</td>
    </tr>
    <!-- 更多学生的成绩 -->
    </tbody>
</table>
</body>
</html>